<template>
  <div class="myDiv">
  <div class="header">
      <el-button class="quitbtn" @click="quitBtn">
      <i class="el-icon-guide"></i>
      返回
      </el-button>
          <UserAcatar />
  </div>
  <div class="content">
      <div class="title">
          <el-tag>任务标题</el-tag>
      </div>
      <div class="detail">
          <div class="left">
          </div>
          <div class="right">
          </div>
      </div>
  </div>
  </div>
</template>

<script>
import UserAcatar from "@/components/UserAcatar.vue"; //引入组件

export default {
  name: '',
  components:{
      UserAcatar
  },
  data(){
    return {
    }
  },
  methods:{
      quitBtn(){
          this.$router.push('/home/publishjob')
      }
  },
  mounted(){}
}
</script>
<style scoped>
.header {
  width: 100%;
  height: 60px;
  border-bottom: 2px solid #bbb;
  background-color: rgb(245, 238, 238);
  display: flex;
  justify-content: space-between;
}
.quitbtn{
    margin-left: 20px;
    border:0;
    background: rgb(245, 238, 238);
}
.content{
    display: flex;
    flex-direction: column;
}
.title{
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    width: 1100px;
    height: 75px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.detail{
    width: 1100px;
    height: 400px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.left{
    width: 300px;
    height: 400px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.right{
        width: 700px;
    height: 400px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
</style>